@import './card.scss';

body{
  margin:0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background: #eaeaea;
  font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
  height: 100%;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
html{
  height: 100%;
  box-sizing: border-box;
}
span, p, h5{
  font-size: 14px;
}

#app{
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.no-padding {
  padding: 0px !important;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}
.fr {
  float: right;
}
.fl {
  float: left;
}

.block {
  display: block;
}
.w140{
  width: 140px;
}

.iconfont.icon-fangda{
  z-index: 999;
  cursor: pointer;
}

// 单一card内容页 防止内容高度不够
.single-card{
  min-height: calc(100vh - 120px);
}

// 下拉菜单去尖括号
.el-popper.noTriangle .popper__arrow{
  display: none;
}
.el-menu{
  border-right: none;
}

// 上标去边框
.el-badge__content{
  border: none;
}

// 时间选择器
.el-date-editor.el-input.dashboardDateInput{
  width: 120px;
  .el-input__inner{
    border: none;
  }
}
.el-date-editor.el-input.w140{
  width: 140px;
}
.el-icon-date{
  color: #006fff;
  font-size: 18px;
}
.el-main{
  padding: 0px;
  overflow: hidden;
}
// workorder tab
.worktab .el-tabs__item{
  padding: 0 5px!important;
  color: #fff;
}
.worktab .el-tabs--card>.el-tabs__header{border-bottom:none}
.worktab .el-tabs--card>.el-tabs__header .el-tabs__nav{border: none;background:rgba(0, 111, 555, 0.15);border-radius: 0;width: 96%;margin-left: 2%;margin-top: 8px;}
.worktab .el-tabs--card>.el-tabs__header .el-tabs__item{border: none;width: 25%;text-align: center;}
.worktab .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{background:rgba(0, 111, 555, 0.4);}
// energy style
.energystyle .el-progress-bar__outer{background: rgba($color: #fff, $alpha:0);border: 1px #ddd solid;}
.energystyle .el-progress-bar__innerText{display: none;}
// .clearfix:after{
//   content:".";/*加一段内容*/
//   display:block;/*让生成的元素以块级元素显示，占满剩余空间*/
//   height:0;/*避免生成的内容破坏原有布局高度*/
//   clear:both;/*清除浮动*/
//   visibility:hidden;/*让生成的内容不可见*/
//  }
//  .clearfix{zoom:1;/*为IE6，7的兼容性设置*/}
.energy .el-progress-bar .el-progress-bar__outer{
  border: 1px solid gray;
  background: rgba($color: #ebeef5, $alpha: 0)
  // background-color: ;
  // filter:alpha(opacity=50); 
  // -moz-opacity:0.5;  
  //     -khtml-opacity: 0.5;  
  //     opacity: 0.5;   
}

video::-webkit-media-controls-enclosure {  
  overflow:hidden;
}  
video::-webkit-media-controls-panel {  
  width: calc(100% + 30px);  
} 

// video
.vjs-big-play-button{display: none}
.video-js .vjs-big-play-button{display: none;}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{display: none;}
.video-js .vjs-play-control{display: none;}
.video-js .vjs-mute-control{display: none;}
.video-js .vjs-time-control{display: none!important;}
.video-js .vjs-progress-control{display: none!important;}
.vjs-custom-skin > .video-js .vjs-big-play-button{display: none!important;}
.vjs-custom-skin > .video-js .vjs-control-bar .vjs-fullscreen-control{position: absolute;right: 10px;}
.video-player{width: 300px;}
.videodiv {
  // position: relative;
  .video-player:nth-child(1) {
    position: fixed;
    left: 10%;
    top: 16%;
  }
  .video-player:nth-child(2) {
    position: fixed;
    right: 10%;
    bottom: 5%;
  }
  .video-player:nth-child(3) {
    position: fixed;
    right: 10%;
    top: 10%;
  }
}